<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#divtext{
				display: flex;
				align-items: center;
			}
			#divtian{
				text-align: right;
			}
		</style>
	</head>
	<body>
		<div id="">
			<h3>工作经历</h3>
			<hr >
			<div id="all1">
				
			</div>
			<div id="divtian">
				<a href="#" onclick="addwork1();">添加工作经历</a>
			</div>
		</div>
		
	</body>
	<script type="text/javascript">
	function delwork(event){
		var allwork = document.getElementById('all1');
		var delt=event.target.parentElement;
		allwork.removeChild(delt);
		
	}
		function addwork1(){
			var allwork = document.getElementById('all1');
			var newdiv= document.createElement('div');
			newdiv.innerHTML=`公司名称：<input type="text" name="" id="" value="" />
			职位：<input type="text" name="" id="" value="" />
			<a href="#" onclick="delwork(event);">删除工作经历</a>
			<br>
			<br>
			<div id="divtext">
				工作职责及工作内容描述:<textarea rows="8" cols="80"></textarea>
			</div>
			<hr >`;
			allwork.appendChild(newdiv);
		}
		onload=function(){
			addwork1();
		}
	</script>
</html>
